<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button>houdunren.com</button>
  <script>
    // 定义
    let sum =(...args)=>args.reduce((a,b)=>a+b,2)

    console.log(sum(1,2,3));
    // 总结: 箭头函数中的 this 指向的就是当前的上下文,或者是说,指向的是父级作用域中的 this ,而普通函数的this
    // 指向的是 window 对象

    let dom={
      site:'wzy',
      bind(){
       const button = document.querySelector('button')
       button.addEventListener('click',event=>{
         console.log(this);
         console.log(event.target);
       })
      }
    }

  </script>
</body>
</html>